<template>
  <div class ="content-open" :class="{'content-close':isCollapse}">
   
      <router-view></router-view>
  </div>
</template>

<script setup>
import {ref,getCurrentInstance} from 'vue'
var isCollapse =ref(true)
const {proxy} =getCurrentInstance()
let bus =proxy.$bus
bus.on('change',()=>{
    isCollapse.value=!isCollapse.value
})
</script>

<style scoped>
      .content-open{
        position: absolute;
        left: 200px;
        top: 70px;
        background-color: #F0F0F0;
        right: 0;
        bottom: 0;
        transition: all 0.4s ;
        padding: 10px 0 0 10px;
        overflow: scroll;
      }
       .content-close{
         
          left: 64px;
       }
</style>